<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
 <link href="CSS/page3.css" type="text/css" rel="stylesheet">
</head>

<body>
  <div class="head">
     <img class="img1" src="images/logo3.png">
     <div class="head2">
     <img class="img2" src="images/动态图1.gif">
     <img class="img2" src="images/动态图1.gif">
     <img class="img2" src="images/动态图1.gif">
     <img class="img2" src="images/动态图1.gif">
     <img class="img2" src="images/动态图1.gif">
     <img class="img2" src="images/动态图1.gif">
     <img class="img2" src="images/动态图1.gif">
     </div>
     <div class="gu1">本书店权威榜单，各类型细节排行！</div>
  </div>
  <div>
   <ul class="menu">
   <li><a href="index.html">书店首页</a></li>
   <li><a href="page1.html">作品分类</a></li>
   <li style="background-color:#000"><a href="page3.html">书榜排行</a></li>
   <li><a href="page5.html">限时免费</a></li>
   <li><a href="page4.html">作家专区</a></li>
   <li><a href="#" style="color:#666">会员专区</a></li>
   <li><a href="page2.html">客服反馈</a></li>
   </ul>
   </div>
  <div class="content">
       <div class="left">
        <h4>人气榜单&nbsp;</h4>
        <h3>热门作品排行</h3>
        <p>月票榜</p>
        <p>畅销榜</p>
        <p>阅读指数帮</p>
        <p>粉丝榜</p>
        <p>推荐榜</p>
        <p>收藏榜</p>
        <p>VIP收藏榜</p>
        <p>更新榜</p>
        <p style="border-bottom:#CCC solid">打赏榜</p>
        <h3>新书排行</h3>
        <p>签约作者新书榜</p>
        <p>公共作者新书榜</p>
        <p>新人签约新书榜</p>
        <p style="border-bottom:#CCC solid">新人作者新书榜</p>
        <h3>社区排行</h3>
        <p style="border-bottom:#CCC solid">打赏粉丝榜</p>
        <h3>其他排行</h3>
        <p>女生精选榜</p>
        <p>女生月票榜</p>
        <p ><a href="#" style="color:#C33"><strong>更多排行请点击.....</strong></a></strong></p>
       </div>
       <div class="right">
       <p class="d1"><span>人气榜单</span>&nbsp;&nbsp;2022-06-14 21.52更新&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;榜单规则</p>
       <hr>
       <div class="r1">
         <p style="border-bottom:#000 solid"><span>月票榜</span>&nbsp;&nbsp;更多></p>
         <br>
         <p class="r11">NO.1</p>
         <br><br>
         <p class="r12">灵境行者</p>
         <p class="r13" style="font-weight:bold"><span>142508</span>月票</p>
         <p class="r14">科幻 喜报小郎君</p>
         <img class="img3" src="images/灵境行者.png">
         <p><span style="color:#36F">2</span>&nbsp;&nbsp;擇日飛升</p>
         <p><span style="color:#F90">3</span>&nbsp;&nbsp;夜的命名术</p>
         <p><span>4</span>&nbsp;&nbsp;光陰之外</p>
         <p><span>5</span>&nbsp;&nbsp;明克街13號</p>
         <p><span>6</span>&nbsp;&nbsp;不科學禦獸</p>
         <p><span>7</span>&nbsp;&nbsp;基因大時代</p>
       </div>
       <div class="r2">
         <p style="border-bottom:#000 solid"><span>畅销榜</span>&nbsp;&nbsp;更多></p>
         <br>
         <p class="r11">NO.1</p>
         <br><br>
         <p class="r12">星门</p>
         <p class="r13" style="font-weight:bold"><span>销量</span>冠军</p>
         <p class="r14">科幻 老鹰</p>
         <img class="img3" src="images/星门.webp">
         <p><span style="color:#36F">2</span>&nbsp;&nbsp;深空彼岸</p>
         <p><span style="color:#F90">3</span>&nbsp;&nbsp;青蓮之巔</p>
         <p><span>4</span>&nbsp;&nbsp;光陰之外</p>
         <p><span>5</span>&nbsp;&nbsp;神秘復蘇</p>
         <p><span>6</span>&nbsp;&nbsp;不科學禦獸</p>
         <p><span>7</span>&nbsp;&nbsp;家父漢高祖</p>
       </div>
       <div class="r3">
         <p style="border-bottom:#000 solid"><span>推荐榜</span>&nbsp;&nbsp;更多></p>
         <br>
         <p class="r11">NO.1</p>
         <br><br>
         <p class="r12">浮生六记</p>
         <p class="r13" style="font-weight:bold"><span>推荐</span>票</p>
         <p class="r14">人文社科 沈复</p>
         <img class="img3" src="images/浮生六记.png">
         <p><span style="color:#36F">2</span>&nbsp;&nbsp;深空彼岸</p>
         <p><span style="color:#F90">3</span>&nbsp;&nbsp;麦肯锡方法</p>
         <p><span>4</span>&nbsp;&nbsp;光陰之外</p>
         <p><span>5</span>&nbsp;&nbsp;人性的弱点</p>
         <p><span>6</span>&nbsp;&nbsp;果壳中的宇宙</p>
         <p><span>7</span>&nbsp;&nbsp;爆裂:未来社会的9大生存原则</p>
       </div>
       <div class="r4">
         <p style="border-bottom:#000 solid"><span>收藏榜</span>&nbsp;&nbsp;更多></p>
         <br>
         <p class="r11">NO.1</p>
         <br><br>
         <p class="r12">圣墟</p>
         <p class="r13" style="font-weight:bold"><span>5648127</span>收藏数</p>
         <p class="r14">玄幻 辰东</p>
         <img class="img3" src="images/圣墟.png">
         <p><span style="color:#36F">2</span>&nbsp;&nbsp;詭秘之主</p>
         <p><span style="color:#F90">3</span>&nbsp;&nbsp;大奉打更人</p>
         <p><span>4</span>&nbsp;&nbsp;一念永恒</p>
         <p><span>5</span>&nbsp;&nbsp;萬族之劫</p>
         <p><span>6</span>&nbsp;&nbsp;果壳中的宇宙</p>
         <p><span>7</span>&nbsp;&nbsp;修真聊天群</p>
       </div>
       <div class="r5">
         <p style="border-bottom:#000 solid"><span>签约作家新书榜</span>&nbsp;&nbsp;更新</p>
         <br>
         <p class="r11">NO.1</p>
         <br><br>
         <p class="r12">猩紅降臨</p>
         <p class="r13" style="font-weight:bold"><span>本周</span>最强</p>
         <p class="r14">科幻 黑山老鬼</p>
         <img class="img3" src="images/猩紅降臨.png">
         <p><span style="color:#36F">2</span>&nbsp;&nbsp;唐人的餐桌</p>
         <p><span style="color:#F90">3</span>&nbsp;&nbsp;獵命人</p>
         <p><span>4</span>&nbsp;&nbsp;國民法醫</p>
         <p><span>5</span>&nbsp;&nbsp;七位神</p>
         <p><span>6</span>&nbsp;&nbsp;地球上最後一幢樓</p>
         <p><span>7</span>&nbsp;&nbsp;时代的变换</p>
       </div>
       <div class="r6">
         <p style="border-bottom:#000 solid"><span>作家人气榜</span>&nbsp;&nbsp;更新</p>
         <br>
         <p class="r11">NO.1</p>
         <br><br>
         <p class="r12">活着</p>
         <p class="r13" style="font-weight:bold"><span>本周</span>最强</p>
         <p class="r14">社会 余华</p>
         <img class="img3" src="images/活着.jpg">
         <p><span style="color:#36F">2</span>&nbsp;&nbsp;在细雨中呼喊</p>
         <p><span style="color:#F90">3</span>&nbsp;&nbsp;长安十二时辰</p>
         <p><span>4</span>&nbsp;&nbsp;风起陇西</p>
         <p><span>5</span>&nbsp;&nbsp;逍遥游</p>
         <p><span>6</span>&nbsp;&nbsp;雪中悍刀行</p>
         <p><span>7</span>&nbsp;&nbsp;全球高武</p>
       </div>
      </div>
    </div>
    <div class="foot">
       <div class="foot1">
         <p><img src="images/foot1.png">新手指南------------------</p>
         <br>
        <p style="font-size:14px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;验货与签收</p>
        <p style="font-size:14px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;退换货政策</p>
        <p style="font-size:14px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;常见问题</p>
        <p style="font-size:14px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;隐私政策</p>
       </div>
       <div class="foot2">
         <p><img src="images/foot2.png">特色服务-----------------</p>
         <br>
        <p style="font-size:14px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系我们</p>
        <p style="font-size:14px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;客户服务</p>
        <p style="font-size:14px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大宗采购</p>
       </div>
       <div class="foot3">
         <p><img src="images/foot3.png">支付方式------------------</p>
         <br>
          <p style="font-size:14px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;支付宝
</p>
        <p style="font-size:14px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;网银在线
</p>
        <p style="font-size:14px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;储值卡
</p>
       </div>
       <div class="foot4">
         <p><img src="images/foot4.png">配送方式</p>
          <br>
          <p style="font-size:14px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;运费标准
</p>
        <p style="font-size:14px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;配送时间及范围
</p>
       </div>
       <div class="foot5">
         <img src="images/博览二维码.png">
         <h3 style="text-align:center">官方二维码</h3>
       </div>
       <div class="gu2">
         <h3>客服服务热线： 0578-8825 6568</h3>
         <h3>企鹅联系方式： 2972489657</h3>
         <h3>微信公众号见右方</h3>
       </div>
    </div>  
  
</body>
</html>
